<template>
	<view>
		<view class="cu-bar search bg-white">
			<slot name="left">
				
			</slot>
			<view class="search-form" :class="mode">
				<text class="cuIcon-search"></text>
				<input :style="`width:${width}rpx`" @focus="InputFocus" @blur="InputBlur" :adjust-position="false" :placeholder="placeholder" />
			</view>
			<slot name="right">
				
			</slot>
		</view>
	</view>
</template>
<script setup>
	const app = getApp();
	import {
		computed,
		reactive,
		ref
	} from 'vue';
	const props = defineProps({
		mode:{
			type:String,
			default:'round',
			// radius round
		},
		placeholder:{
			type:String,
			default:'默认搜索占位'
		},
		width:{
			type:Number,
			default:300
		}
	})
</script>
<style>
	@import "../../lib/main.css";
	@import "../../lib/icon.css";
	@import "../../lib/common.css";
</style>
